<script>
export default {
  name: "vforKey",
//   v-for和key属性
  data(){
    return{
      obj:{
        name:'zs',
        age:18
      }
    }
  }
}
</script>

<template>
<div id="forkey">
<!--  1、遍历数字-->
  <div v-for="num in 10" :key="num">{{num}}</div>
<!--  2、遍历对象-->
  <div v-for="(item,index) in obj" :key="index"></div>
<!--
v-for必须搭配key属性使用：
  要求：必须是数字或者字符串，
       必须是唯一值
  作用：提高重排效率  就地复用
-->
</div>
</template>

<style scoped lang="less">

</style>